<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head th:replace="_layout/top :: top"></head>
<body>

<div id="page-wrapper">
	<header th:replace="_layout/header :: header"></header>

	<!-- Breadcrumb Start -->
	<div class="page-banner-image w-100 breadcrumb-bar"
		 style="background-image: url(/static/assets/images/background/1.png); background-repeat: no-repeat;">
		<div class="container">
			<div class="row py-5">
				<div class="col-sm-6">
					<h3 class="text-white">关于我们</h3>
				</div>
				<div class="col-sm-6">
					<nav aria-label="breadcrumb" class="float-right">
						<ol class="breadcrumb mb-0 bg-transparent p-0 mt-2 mt-lg-1">
							<li class="breadcrumb-item"><a href="#">首页</a></li>
							<li aria-current="page" class="breadcrumb-item active">关于我们</li>
						</ol>
					</nav>
				</div>
			</div>
		</div>
	</div>
	<!-- Breadcrumb End -->


	<div class="full-row">
		<div class="container">
			<div class="row">
				<div class="col-lg-6 order-2 order-lg-1">
					<span class="d-block text-general ordenery-font tagline">Learn</span>
					<h2 class="down-line mb-4">关于我们公司的信息.</h2>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
						labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
						laboris nisi ut aliquip ex ea commodo consequat.
						Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
						pariatur. Excepteur sint occaecat cupidatat non proident.</p>
					<ul class="list-half-width list-circle list-color-secondary list-style-primary">
						<li>专业的司机</li>
						<li>快速预订</li>
						<li>迅速响应和支持</li>
						<li>免费注册</li>
						<li>联机文档</li>
						<li>顾客满意度</li>
						<li>发展您的业务</li>
						<li>低租金成本</li>
					</ul>
					<a class="btn btn-primary d-inline-block mt-5" href="#">了解更多</a>
				</div>
				<div class="col-lg-6 order-1 order-lg-2">
					<div class="image-area position-relative sm-mb-30">
						<img alt="" src="/static/assets/images/thumb/height1.jpg">
						<div class="distibuter fact-counter position-absolute bg-success">
							<div class="count border-0 wow">
								<span class="count-num text-white h2" data-speed="3000" data-stop="3150">0</span>
								<div class="text-white py-3 font-weight-semibold">Satisfied Customers</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>


	<div class="full-row p-0">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<hr>
				</div>
				<div class="col-md-12 mb-4">
					<div class="owl-carousel partner-slider">
						<div class="item bg-white">
							<a href="#"><img alt="Image not found!" src="/static/assets/images/partner/logo-1.jpg"/></a>
						</div>
						<div class="item bg-white">
							<a href="#"><img alt="Image not found!" src="/static/assets/images/partner/logo-2.jpg"/></a>
						</div>
						<div class="item bg-white">
							<a href="#"><img alt="Image not found!" src="/static/assets/images/partner/logo-3.jpg"/></a>
						</div>
						<div class="item bg-white">
							<a href="#"><img alt="Image not found!" src="/static/assets/images/partner/logo-4.jpg"/></a>
						</div>
						<div class="item bg-white">
							<a href="#"><img alt="Image not found!" src="/static/assets/images/partner/logo-5.jpg"/></a>
						</div>
						<div class="item bg-white">
							<a href="#"><img alt="Image not found!" src="/static/assets/images/partner/logo-6.jpg"/></a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>


	<div class="full-row bg-secondary">
		<div class="container">
			<div class="row">
				<div class="col-lg-12 mb-5">
					<div class="ordenery-font text-primary m-auto text-center h6">Why</div>
					<h1 class="down-line m-auto text-center text-white">我们是最棒的</h1>
				</div>
			</div>
			<div class="row divider-col-3 m-0">
				<div class="col-lg-4 col-md-4 p-0">
					<div class="thumb-transparent transation text-center p-5 hover-bg-primary text-white">
						<i class="flaticon-medicine flat-medium text-primary"></i>
						<h5 class="m-auto py-3"><a class="text-white" href="#">New & Used Car</a></h5>
						<p>Potenti sociosqu. Eu. Elementum tempor cum ridiculus neque mus sapien nascetur risus
							consectetur adipisicing.</p>
					</div>
				</div>
				<div class="col-lg-4 col-md-4 p-0">
					<div class="thumb-transparent transation text-center p-5 hover-bg-primary text-white">
						<i class="flaticon-medicine flat-medium text-primary"></i>
						<h5 class="m-auto py-3"><a class="text-white" href="#">0% APR Finincing</a></h5>
						<p>Potenti sociosqu. Eu. Elementum tempor cum ridiculus neque mus sapien nascetur risus
							consectetur adipisicing.</p>
					</div>
				</div>
				<div class="col-lg-4 col-md-4 p-0">
					<div class="thumb-transparent transation text-center p-5 hover-bg-primary text-white">
						<i class="flaticon-medicine flat-medium text-primary"></i>
						<h5 class="m-auto py-3"><a class="text-white" href="#">Maintanence Pakages</a></h5>
						<p>Potenti sociosqu. Eu. Elementum tempor cum ridiculus neque mus sapien nascetur risus
							consectetur adipisicing.</p>
					</div>
				</div>
			</div>
		</div>
	</div>


	<div class="full-row">
		<div class="container">
			<div class="row">
				<div class="col-lg-6">
					<div class="single-image-carousel position-relative  sm-mb-30">
						<div class="owl-carousel single-carusel dot-disable">
							<div class="item">
								<img alt="Image not found!" src="/static/assets/images/portfolio/1.png"/>
							</div>
							<div class="item">
								<img alt="Image not found!" src="/static/assets/images/portfolio/2.png"/>
							</div>
							<div class="item">
								<img alt="Image not found!" src="/static/assets/images/portfolio/3.png"/>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-6">
					<span class="text-primary d-block font-weight-bold text-uppercase">History</span>
					<h4 class="down-line mb-4">我们以前的成就史</h4>
					<h5 class="text-primary mb-2">Till 2019</h5>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
						labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
						laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
						voluptate velit esse cillum dolore eu fugiat nulla.</p>
					<a class="btn btn-primary d-inline-block mt-3" href="#">了解更多</a>
				</div>
			</div>
		</div>
	</div>


	<div class="full-row bg-gray">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<span class="text-primary d-block font-weight-bold text-uppercase">Our Offers</span>
					<h3 class="text-secondary d-table float-left">看看我们为您提供的新产品.</h3>
					<a class="d-table float-right text-secondary font-weight-semibold mt-3 mb-5" href="#"><u>查看所有交易</u></a>
				</div>
			</div>
			<div class="row">
				<div class="col-lg-12">
					<div class="3block-carusel nav-disable owl-carousel">
						<div class="item">
							<div class="car-thumb-simple bg-white transation hover-img-zoom mb-4">
								<div class="position-relative overflow-hidden p-0">
									<div class="msg-token-left-angle-warning" title="Tranding Now"><span
											class="flaticon-flash flat-mini"></span></div>
									<img alt="!image not found" src="/static/assets/images/portfolio/3.png">
									<div class="msg-token-right bg-danger text-white">10% 交易</div>
								</div>
								<div class="thumb-details p-4">
									<span class="text-success font-weight-semibold">新</span>
									<h5 class="mb-2"><a class="text-secondary hover-text-primary transation" href="#">Mercedes-Benz
										E-Class</a></h5>
									<div class="d-flex justify-content-between align-items-center">
										<div class="price"><span class="h5 text-success">$120,000</span> /MRP</div>
										<div class="review float-right font-12"><span>(25 评级)</span> <span
												class="ml-2 bg-primary py-1 px-2 text-white">4.50/5</span></div>
									</div>
									<hr>
									<ul class="d-flex clearfix mt-4">
										<li class="pr-3"><i class="flaticon-car-1 flat-mini text-primary mr-1"></i><span
												class="font-mini">Auto</span></li>
										<li class="pr-3"><i class="flaticon-fast flat-mini text-primary mr-1"></i><span
												class="font-mini">300KM/h</span></li>
										<li class="pr-3"><i class="flaticon-fuel flat-mini text-primary mr-1"></i><span
												class="font-mini">Petrol</span></li>
										<li class="pr-3"><i
												class="flaticon-schedule flat-mini text-primary mr-1"></i><span
												class="font-mini">2018</span></li>
									</ul>
								</div>
							</div>
						</div>
						<div class="item">
							<div class="car-thumb-simple bg-white transation hover-img-zoom mb-4">
								<div class="position-relative overflow-hidden p-0">
									<img alt="!image not found" src="/static/assets/images/portfolio/4.png">
									<div class="msg-token-right bg-purple text-white">Popular</div>
								</div>
								<div class="thumb-details p-4">
									<span class="text-success font-weight-semibold">Recondition</span>
									<h5 class="mb-2"><a class="text-secondary hover-text-primary transation" href="#">Aston
										Martin Vanquish</a></h5>
									<div class="d-flex justify-content-between align-items-center">
										<div class="price"><span class="h5 text-success">$90,000</span> /MRP</div>
										<div class="review float-right font-12"><span>(31 Rating)</span> <span
												class="ml-2 bg-primary py-1 px-2 text-white">4.80/5</span></div>
									</div>
									<hr>
									<ul class="d-flex clearfix mt-4">
										<li class="pr-3"><i class="flaticon-car-1 flat-mini text-primary mr-1"></i><span
												class="font-mini">Auto</span></li>
										<li class="pr-3"><i class="flaticon-fast flat-mini text-primary mr-1"></i><span
												class="font-mini">300KM/h</span></li>
										<li class="pr-3"><i class="flaticon-fuel flat-mini text-primary mr-1"></i><span
												class="font-mini">Petrol</span></li>
										<li class="pr-3"><i
												class="flaticon-schedule flat-mini text-primary mr-1"></i><span
												class="font-mini">2018</span></li>
									</ul>
								</div>
							</div>
						</div>
						<div class="item">
							<div class="car-thumb-simple bg-white transation hover-img-zoom mb-4">
								<div class="position-relative overflow-hidden msg-token-left-angle-info p-0">
									<span class="sold">Sold</span>
									<img alt="!image not found" src="/static/assets/images/portfolio/5.png">
								</div>
								<div class="thumb-details p-4">
									<span class="text-success font-weight-semibold">New</span>
									<h5 class="mb-2"><a class="text-secondary hover-text-primary transation" href="#">Volvo
										S60 Cross Country</a></h5>
									<div class="d-flex justify-content-between align-items-center">
										<div class="price"><span class="h5 text-success">$135,000</span> /MRP</div>
										<div class="review float-right font-12"><span>(28 Rating)</span> <span
												class="ml-2 bg-primary py-1 px-2 text-white">4.70/5</span></div>
									</div>
									<hr>
									<ul class="d-flex clearfix mt-4">
										<li class="pr-3"><i class="flaticon-car-1 flat-mini text-primary mr-1"></i><span
												class="font-mini">Auto</span></li>
										<li class="pr-3"><i class="flaticon-fast flat-mini text-primary mr-1"></i><span
												class="font-mini">300KM/h</span></li>
										<li class="pr-3"><i class="flaticon-fuel flat-mini text-primary mr-1"></i><span
												class="font-mini">Petrol</span></li>
										<li class="pr-3"><i
												class="flaticon-schedule flat-mini text-primary mr-1"></i><span
												class="font-mini">2018</span></li>
									</ul>
								</div>
							</div>
						</div>
						<div class="item">
							<div class="car-thumb-simple bg-white transation hover-img-zoom mb-4">
								<div class="position-relative overflow-hidden p-0">
									<img alt="!image not found" src="/static/assets/images/portfolio/6.png">
									<div class="msg-token-right bg-danger text-white">15% Deal</div>
								</div>
								<div class="thumb-details p-4">
									<span class="text-success font-weight-semibold">Used</span>
									<h5 class="mb-2"><a class="text-secondary hover-text-primary transation" href="#">Mercedes-Benz
										E-Class</a></h5>
									<div class="d-flex justify-content-between align-items-center">
										<div class="price"><span class="h5 text-success">$120,000</span> /MRP</div>
									</div>
									<hr>
									<ul class="d-flex clearfix mt-4">
										<li class="pr-3"><i class="flaticon-car-1 flat-mini text-primary mr-1"></i><span
												class="font-mini">Auto</span></li>
										<li class="pr-3"><i class="flaticon-fast flat-mini text-primary mr-1"></i><span
												class="font-mini">300KM/h</span></li>
										<li class="pr-3"><i class="flaticon-fuel flat-mini text-primary mr-1"></i><span
												class="font-mini">Petrol</span></li>
										<li class="pr-3"><i
												class="flaticon-schedule flat-mini text-primary mr-1"></i><span
												class="font-mini">2018</span></li>
									</ul>
								</div>
							</div>
						</div>
						<div class="item">
							<div class="car-thumb-simple bg-white transation hover-img-zoom mb-4">
								<div class="position-relative overflow-hidden p-0 msg-token-left-angle-warning">
									<div class="msg-token-left-angle-warning" title="Tranding Now"><span
											class="flaticon-flash flat-mini"></span></div>
									<img alt="!image not found" src="/static/assets/images/portfolio/7.png">
									<div class="msg-token-right bg-purple text-white">Popular</div>
								</div>
								<div class="thumb-details p-4">
									<span class="text-success font-weight-semibold">Recondition</span>
									<h5 class="mb-2"><a class="text-secondary hover-text-primary transation" href="#">Aston
										Martin Vanquish</a></h5>
									<div class="d-flex justify-content-between align-items-center">
										<div class="price"><span class="h5 text-success">$90,000</span> /MRP</div>
										<div class="review float-right font-12"><span>(31 Rating)</span> <span
												class="ml-2 bg-primary py-1 px-2 text-white">4.80/5</span></div>
									</div>
									<hr>
									<ul class="d-flex clearfix mt-4">
										<li class="pr-3"><i class="flaticon-car-1 flat-mini text-primary mr-1"></i><span
												class="font-mini">Auto</span></li>
										<li class="pr-3"><i class="flaticon-fast flat-mini text-primary mr-1"></i><span
												class="font-mini">300KM/h</span></li>
										<li class="pr-3"><i class="flaticon-fuel flat-mini text-primary mr-1"></i><span
												class="font-mini">Petrol</span></li>
										<li class="pr-3"><i
												class="flaticon-schedule flat-mini text-primary mr-1"></i><span
												class="font-mini">2018</span></li>
									</ul>
								</div>
							</div>
						</div>
						<div class="item">
							<div class="car-thumb-simple bg-white transation hover-img-zoom mb-4">
								<div class="position-relative overflow-hidden p-0">
									<img alt="!image not found" src="/static/assets/images/portfolio/8.png">
									<div class="msg-token-right bg-purple text-white">Featured</div>
								</div>
								<div class="thumb-details p-4">
									<span class="text-success font-weight-semibold">New</span>
									<h5 class="mb-2"><a class="text-secondary hover-text-primary transation" href="#">Volvo
										S60 Cross Country</a></h5>
									<div class="d-flex justify-content-between align-items-center">
										<div class="price"><span class="h5 text-success">$135,000</span> /MRP</div>
										<div class="review float-right font-12"><span>(28 Rating)</span> <span
												class="ml-2 bg-primary py-1 px-2 text-white">4.70/5</span></div>
									</div>
									<hr>
									<ul class="d-flex clearfix mt-4">
										<li class="pr-3"><i class="flaticon-car-1 flat-mini text-primary mr-1"></i><span
												class="font-mini">Auto</span></li>
										<li class="pr-3"><i class="flaticon-fast flat-mini text-primary mr-1"></i><span
												class="font-mini">300KM/h</span></li>
										<li class="pr-3"><i class="flaticon-fuel flat-mini text-primary mr-1"></i><span
												class="font-mini">Petrol</span></li>
										<li class="pr-3"><i
												class="flaticon-schedule flat-mini text-primary mr-1"></i><span
												class="font-mini">2018</span></li>
									</ul>
								</div>
							</div>
						</div>
						<div class="item">
							<div class="car-thumb-simple bg-white transation hover-img-zoom mb-4">
								<div class="position-relative overflow-hidden p-0">
									<img alt="!image not found" src="/static/assets/images/portfolio/9.png">
									<div class="msg-token-right bg-purple text-white">Featured</div>
								</div>
								<div class="thumb-details p-4">
									<span class="text-success font-weight-semibold">New</span>
									<h5 class="mb-2"><a class="text-secondary hover-text-primary transation" href="#">Mercedes-Benz
										E-Class</a></h5>
									<div class="d-flex justify-content-between align-items-center">
										<div class="price"><span class="h5 text-success">$120,000</span> /MRP</div>
										<div class="review float-right font-12"><span>(25 Rating)</span> <span
												class="ml-2 bg-primary py-1 px-2 text-white">4.50/5</span></div>
									</div>
									<hr>
									<ul class="d-flex clearfix mt-4">
										<li class="pr-3"><i class="flaticon-car-1 flat-mini text-primary mr-1"></i><span
												class="font-mini">Auto</span></li>
										<li class="pr-3"><i class="flaticon-fast flat-mini text-primary mr-1"></i><span
												class="font-mini">300KM/h</span></li>
										<li class="pr-3"><i class="flaticon-fuel flat-mini text-primary mr-1"></i><span
												class="font-mini">Petrol</span></li>
										<li class="pr-3"><i
												class="flaticon-schedule flat-mini text-primary mr-1"></i><span
												class="font-mini">2018</span></li>
									</ul>
								</div>
							</div>
						</div>
						<div class="item">
							<div class="car-thumb-simple bg-white transation hover-img-zoom mb-4">
								<div class="position-relative overflow-hidden p-0">
									<img alt="!image not found" src="/static/assets/images/portfolio/10.png">
									<div class="msg-token-right bg-purple text-white">Popular</div>
								</div>
								<div class="thumb-details p-4">
									<span class="text-success font-weight-semibold">Recondition</span>
									<h5 class="mb-2"><a class="text-secondary hover-text-primary transation" href="#">Aston
										Martin Vanquish</a></h5>
									<div class="d-flex justify-content-between align-items-center">
										<div class="price"><span class="h5 text-success">$90,000</span> /MRP</div>
										<div class="review float-right font-12"><span>(31 Rating)</span> <span
												class="ml-2 bg-primary py-1 px-2 text-white">4.80/5</span></div>
									</div>
									<hr>
									<ul class="d-flex clearfix mt-4">
										<li class="pr-3"><i class="flaticon-car-1 flat-mini text-primary mr-1"></i><span
												class="font-mini">Auto</span></li>
										<li class="pr-3"><i class="flaticon-fast flat-mini text-primary mr-1"></i><span
												class="font-mini">300KM/h</span></li>
										<li class="pr-3"><i class="flaticon-fuel flat-mini text-primary mr-1"></i><span
												class="font-mini">Petrol</span></li>
										<li class="pr-3"><i
												class="flaticon-schedule flat-mini text-primary mr-1"></i><span
												class="font-mini">2018</span></li>
									</ul>
								</div>
							</div>
						</div>
						<div class="item">
							<div class="car-thumb-simple bg-white transation hover-img-zoom mb-4">
								<div class="position-relative overflow-hidden msg-token-left-angle-warning p-0">
									<span class="flaticon-flash"></span>
									<img alt="!image not found" src="/static/assets/images/portfolio/11.png">
								</div>
								<div class="thumb-details p-4">
									<span class="text-success font-weight-semibold">Used</span>
									<h5 class="mb-2"><a class="text-secondary hover-text-primary transation" href="#">Volvo
										S60 Cross Country</a></h5>
									<div class="d-flex justify-content-between align-items-center">
										<div class="price"><span class="h5 text-success">$135,000</span> /MRP</div>
										<div class="review float-right font-12"><span>(28 Rating)</span> <span
												class="ml-2 bg-primary py-1 px-2 text-white">4.70/5</span></div>
									</div>
									<hr>
									<ul class="d-flex clearfix mt-4">
										<li class="pr-3"><i class="flaticon-car-1 flat-mini text-primary mr-1"></i><span
												class="font-mini">Auto</span></li>
										<li class="pr-3"><i class="flaticon-fast flat-mini text-primary mr-1"></i><span
												class="font-mini">300KM/h</span></li>
										<li class="pr-3"><i class="flaticon-fuel flat-mini text-primary mr-1"></i><span
												class="font-mini">Petrol</span></li>
										<li class="pr-3"><i
												class="flaticon-schedule flat-mini text-primary mr-1"></i><span
												class="font-mini">2018</span></li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>


	<section class="full-row bg-primary text-center text-secondary py-5">
		<div class="container">
			<div class="row">
				<div class="col-lg-12 text-white">
					<p>提供24小时呼叫服务</p>
					<h2 class="text-white">现在就打电话预订我们的车，以便下次乘车</h2>
					<a class="btn btn-secondary mt-4" href="taxi.html">选择你的车</a>
				</div>
			</div>
		</div>
		<!-- /.container -->
	</section>

	<footer th:replace="_layout/footer :: footer"></footer>
	<a class="bg-primary text-white hover-bg-primary" href="#" id="scroll"><i class="fa fa-angle-up"></i></a>
</div>
<div th:replace="_layout/bottom :: bottom"></div>


</body>
</html>